import type { Meta, StoryObj } from '@storybook/nextjs-vite';

import { OperationPanel } from './operationPanel'
import { panelPosition } from './operationPanel.interface'
import { NodeItem } from '@/components/FilePanel/schemas/panelInterface'


// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
const meta = {
  title: 'Components/FilePanel/OperationPanel',
  component: OperationPanel,
  parameters: {
    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
    layout: 'fullscreen',
  },
  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
  tags: ['autodocs'],
  // More on argTypes: https://storybook.js.org/docs/api/argtypes
  argTypes: {
    position: {control: 'object'},
    itemInfo: {control: 'object'},
  },
} satisfies Meta<typeof OperationPanel>;

export default meta;
type Story = StoryObj<typeof meta>;

// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
export const CommonFolder: Story = {
  args: {
    position: {
        x: 150,
        y: 150,
    },
    itemInfo: {
        Name: 'filecube',
        isDirectory: true,
        FileType: '',
        modifiedTime: '20250615',
        path: 'C:\\filecube\\',
        size: 0,
    }
  }, 
}

export const CommonFile: Story = {
  args: {
    position: {
        x: 150,
        y: 150,
    },
    itemInfo: {
        Name: 'operationPanel.tsx',
        isDirectory: false,
        FileType: 'tsx',
        modifiedTime: '20250615',
        path: 'C:\\filecube\\',
        size: 10435,
    }
  }, 
}